<!-- 计时器 -->
<!-- <app-counter></app-counter> -->

<!-- <button nz-button nzType="primary" (click)="showModal()">Show Modal</button>

<div [appHighlight]="'yellow'" defaultColor="blue">{{ count | double | unit }}</div>

<div *appIshide="isHide">this is {{ isHide }}</div>
<div *appIshide="!isHide">this is {{ isHide }}</div>
<button nz-button nzType="primary" (click)="isHide = !isHide">Toggle</button> -->

<!-- <form nz-form [formGroup]="validateForm">
  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">Name</nz-form-label>
    <nz-form-control [nzSm]="14" [nzXs]="24" [nzErrorTip]="nameError">
      <input nz-input noMore128 required formControlName="name" id="name" />
      <ng-template #nameError let-control>
        <ng-container *ngIf="control.hasError('required')">required</ng-container>
        <ng-container *ngIf="control.hasError('noMore128')">no more 128 chat</ng-container>
      </ng-template>
    </nz-form-control>
  </nz-form-item>
</form> -->

<app-steps></app-steps>

<app-workflow></app-workflow>

<nz-progress [nzPercent]="30" [nzStrokeWidth]="20" [nzStrokeLinecap]="'square'" ></nz-progress>
